<template>
    <div id="app">
      <div class="header">
        <Header></Header>
      </div>
      <div class="content_main">
          <div class="map_main">
            <span style="font-size: 30px;margin-left: 400px;font-weight: bold">高德地图查询</span>
            <el-amap class="amap-box" :center="[112.979352788,28.2134782309]"  :viewMode="'3D'" :vid="'amap-vue'"></el-amap>
          </div>
      </div>
      <div class="footer">
        <Footer></Footer>
      </div>
    </div>
</template>

<script>
  import Header from "../components/Header";
  import Footer from "../components/Footer";
    export default {
      name: "Maps",
      components:{
        Header,
        Footer
      }
    }
</script>

<style scoped>
  .content_main{
    height: 600px;
  }
  .map_main{
    width: 1000px;
    height: 500px;
    margin-left: 280px;
    margin-top: 50px;
  }
  .header{
    width: 100%;
    height: 74px;
    background-color: #121633;
    box-shadow: 1px 1px 10px #eaeaea;
  }
</style>
